<template>
  <div style="background: #7395ff;width: 100vw;height: 100vh;">
    <div class="nfsystem">
      <img src="../../assets/images/404.png"/>
      <div class="nftitle">
        <h2>页面走丢了...</h2>
        <h4>远方的朋友你好！非常抱歉，您所请求的页面不存在！</h4>
        <h4>请仔细检查您输入的网址是否正确。</h4>
        <el-button type="warning" ghost long @click="toHome()" style="width:220px;">返回主页</el-button>
      </div>	
    </div>
  </div>
</template>

<script setup lang="ts">

  import System from '../../utils/System'
  const toHome = () => { 
    System.$router.push("/")
  }
</script>

<style scoped>

@charset "UTF-8";

.nfsystem{
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    padding-top: 140px;
}
.nfsystem img{
	text-align: center;
  width: 500px;
  border: 0;
  vertical-align: middle;
}
.nftitle h2{
	color: #fff;
    font-size: 36px;
    letter-spacing: 4px;
    text-align: center;
    line-height: 120px;
}
.nftitle h4
{
	    color: #fff;
    font-size: 18px;
    /* font-weight: bold; */
    line-height: 38px;
    text-align: center;
}
</style>